<template>
  <div class="chatItem">
    <img :style="imgStyle" :src="chatitem.user.headerimg" />
    <slot></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgStyle: {
        width: "60px",
        height: "60px",
      },
    };
  },
  props: ["chatitem"],
};
</script>

<style scoped>
    .chatitem{
        display: flex;
    }

</style>
